<%--
  Created by IntelliJ IDEA.
  User: Gaara_XHG
  Date: 2020/9/24
  Time: 19:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>精翼二手车</title>
    <link rel="stylesheet" href="../../css/footer.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="../../plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
</head>
<body>
<div class="egc-top">
    <div id="nav_my"></div>
</div>
<div class="navigation">
    <div class="nav-cent">
        <div class="sea" style="margin-left: 30%">
            <div class="egc-sea-box">
                <input type="text" class="sea-ipt-txt" placeholder="搜索您想要的车" />
                <a href="#" class="search-btn">搜索</a> </div>
        </div>
        <div class="hot-phone"> <i></i> <span class="js-change-phone">400-877-9288</span> </div>
    </div>
</div>
<!--banner广告-->
<div class="banner">
    <!--左侧买卖车-->
    <div class="left">
        <div class="buy">
            <div class="top"><span>我要买车</span></div>
            <div class="brand">
                <div class="brandTop">品牌</div>
                <ul>
                    <li><a href="#">大众</a></li>
                    <li><a href="#">宝马</a></li>
                    <li><a href="#">奥迪</a></li>
                    <li><a href="#">丰田</a></li>
                    <li><a href="#">日产</a></li>
                    <li><a href="#">奔驰</a></li>
                    <li><a href="#">本田</a></li>
                    <li><a href="#">别克</a></li>
                    <li><a href="#">福特</a></li>
                </ul>
            </div>
            <div class="brand">
                <div class="brandTop">价格</div>
                <ul>
                    <li><a href="#">5万以下</a></li>
                    <li><a href="#">5-10万</a></li>
                    <li><a href="#">10-15万</a></li>
                    <li><a href="#">15-20万</a></li>
                    <li><a href="#">20-25万</a></li>
                    <li><a href="#">25-40万</a></li>
                    <li><a href="#">40万以上</a></li>
                </ul>
            </div>
            <div class="brand" style="border-bottom: 0px">
                <div class="brandTop">车型</div>
                <ul>
                    <li><a href="#">SUV</a></li>
                    <li><a href="#">商务车</a></li>
                    <li><a href="#">跑车</a></li>
                    <li><a href="#">急售</a></li>
                    <li><a href="#">准新车</a></li>
                    <li><a href="#">超值</a></li>
                    <li><a href="#">直销车</a></li>
                </ul>
            </div>
        </div>
        <div class="sal">
            <span>我要卖车</span>
            <hr>
            <input type="text" placeholder="请输入手机号">
            <input type="button" value="我要卖车" style="color: white;background-color: orange;">
            <br>
            <input type="hidden" value="请填写正确的手机格式" style="color: red">
        </div>
    </div>
    <div class="menu_r">
        <div class="flexslider">
            <ul class="slides">
                <li style="background-image:url(../../images/2.jpg);"></li>
            </ul>
        </div>
        <div class="clear_fix"></div>
        <div class="purpose">
            <div class="ind-dz-lc">
                <ul>
                    <li>
                        <div class="circle radius"> <i class="lc-01"></i> </div>
                        <div class="txt">
                            <h4>一年/两万公里质保</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"> <i class="lc-02"></i> </div>
                        <div class="txt">
                            <h4>全面检测</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"> <i class="lc-03"></i> </div>
                        <div class="txt">
                            <h4>14天可退</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"> <i class="lc-04"></i> </div>
                        <div class="txt">
                            <h4>100%个人车源</h4>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $('.flexslider').flexslider({
            directionNav: true,
            pauseOnAction: false
        });
        $('.flexslider').hover(function(){
            $('.flex-direction-nav').fadeIn();
        },function(){
            $('.flex-direction-nav').fadeOut();
        })
    });
</script>
<!--特色展示-->
<div class="center">
    <div class="show">
        <div class="show1"><img src="../../images/centerShow/centerShowC1.jpg" alt=""></div>
        <div class="show1"><img src="../../images/centerShow/centerShowC2.jpg" alt=""></div>
        <div class="show1"><img src="../../images/centerShow/centerShowC3.jpg" alt=""></div>
        <div class="show1"><img src="../../images/centerShow/centerShowC4.jpg" alt=""></div>
    </div>
    <div class="showMore">
        <div class="showCar">
            <img src="https://image1.guazistatic.com/qn181115182708299d6f5f31f91331488cfaaea89a0007.png?imageView2/2" alt="">
            <p class="p2">两厢轿车</p>
            <p class="p3">0.18万起</p>
        </div>
        <div class="showCar">
            <img src="https://image1.guazistatic.com/qn181115182708299d6f5f31f91331488cfaaea89a0007.png?imageView2/2" alt="">
            <p class="p2">三厢轿车</p>
            <p class="p3">0.15万起</p>
        </div>
        <div class="showCar">
            <img src="https://image1.guazistatic.com/qn181115182708299d6f5f31f91331488cfaaea89a0007.png?imageView2/2" alt="">
            <p class="p2">跑车</p>
            <p class="p3">2.38万起</p>
        </div>
        <div class="showCar">
            <img src="https://image1.guazistatic.com/qn181115182708299d6f5f31f91331488cfaaea89a0007.png?imageView2/2" alt="">
            <p class="p2">SUV</p>
            <p class="p3">0.50万起</p>
        </div>
        <div class="showCar">
            <img src="https://image1.guazistatic.com/qn181115182708299d6f5f31f91331488cfaaea89a0007.png?imageView2/2" alt="">
            <p class="p2">MPV</p>
            <p class="p3">0.72万起</p>
        </div>
        <div class="showCar">
            <img src="https://image1.guazistatic.com/qn181115182708299d6f5f31f91331488cfaaea89a0007.png?imageView2/2" alt="">
            <p class="p2">面包车</p>
            <p class="p3">0.16万起</p>
        </div>
    </div>
</div>
<!--车类列表-->
<div class="car_feature">
    <div class="descCar">
        <div class="title"><h1>热卖车型</h1></div>
        <div class="head">
            <span>猜您喜欢</span>
            <span>严选车</span>
            <span>最新上架</span>
            <span>降价急售</span>
            <span>准新车</span>
            <span>练手车</span>
            <span>SUV</span>
        </div>
        <div class="show"  style="padding-left: 4%">
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <a href="infor.html"><p>夏利N52011款 夏利N5 1.3L 手动</p></a>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div><div class="ph">
            <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
            <p>福特 福睿斯 2019款 改款</p>
            <p>2019| 0.41万公里|到店服务</p>
            <div class="price">
                <span>7.69万</span>
                <span>11.28万</span>
            </div>
        </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>
            <div class="ph">
                <img src="https://image1.guazistatic.com/qn200910092449b30a0d492f032f486c303c7ce797b1e6.jpg?imageView2/1/w/287/h/192/q/88" alt="">
                <p>福特 福睿斯 2019款 改款</p>
                <p>2019| 0.41万公里|到店服务</p>
                <div class="price">
                    <span>7.69万</span>
                    <span>11.28万</span>
                </div>
            </div>

        </div>
    </div>
</div>
<!--底部-->
<div id="footer">
</div>

<script src="../../plugins/jquery/jquery.min.js"></script>
<script src="../../plugins/bootstrap-3.3.7-dist/js//bootstrap.js"></script>
<script>
    $(function(){
        $("#nav_my").load("../common/nav.jsp");
        $("#footer").load("../common/footer.jsp");
    })
</script>
</body>
</html>
